.setting-item-body {
  .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  display: flex;
  flex-flow: column;
  justify-content: center;

  .filter-body {
    background: var(--requestly-color-surface-0);
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;

    .disabled {
      opacity: 0.1;
      cursor: not-allowed;
      pointer-events: none;
    }
    .filter-container {
      max-height: 200px;
      overflow-y: auto;
    }

    .header-row {
      padding-bottom: 8px;

      .rq-input {
        height: 32px;
      }
    }

    .filter-subheading {
      color: var(--requestly-color-text-subtle);
      font-size: var(--requestly-font-size-xs);
      padding: 8px 0;
    }

    .filter-domains-container {
      padding: 8px;
      line-height: var(--requestly-font-line-height-lg);
      border-bottom: 1px solid var(--requestly-color-white-t-10);

      .filter-remove {
        cursor: pointer;
        display: flex;
        align-self: center;
      }
    }
  }

  .path-selector {
    width: 100%;
    padding: 16px;
    margin-top: 16px;
  }
}
